<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/img_style.css"/>
	</head>

	<body>
		<div class="mui-off-canvas-wrap mui-draggable h_auto_pc">
	    <!-- 主页面容器 -->
	    	<div class="mui-inner-wrap h_auto_pc">
				<!-- 主页面标题 -->
				<!--<header class="mui-bar mui-bar-nav">-->
					<!--<h1 class="mui-title">网上预投保</h1>-->
				<!--</header>-->
				<!-- 主页面内容容器 -->
				<div class="mui-content mui-scroll-wrapper re_position">
					<div class="mui-scroll re_position">
						<!-- 主界面具体展示内容 -->

						<div class="mui-img-block">
							<!--图片内容-->
							<img class="mui-img" src="../../images/pc_policyinformation.png"/>

							<!--覆盖在图片上的内容,在图片上新增锚点-->
							<div class="mui-div">
								<!--头部锚点-->
								<div class="mui-div-pc-head clearfix">
									<a id="signOut" class="pull-right"></a>
								</div>

								<div class="mui-div-pc-policyinformation-link clearfix">
									<a id="detailed-information"></a>
									<a id="policy-change"></a>
									<a id="staff-list"></a>
									<a id="claim-information"></a>
									<a id="major-cases"></a>
									<a id="maintenance-charge"></a>
									<a id="premium-payment"></a>
								</div>
							</div>

						</div>
						<!--主界面具体展现内容结束-->
					</div>
				</div>
			</div>
	 	</div>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script type="text/javascript">
		mui.init()
		mui.ready(function(){
			// 退出
            document.getElementById('signOut').addEventListener('tap', function () {
                alert("退出")
            })

			// 详细信息
			document.getElementById('detailed-information').addEventListener('tap', function () {
				mui.openWindow({
                    url: 'pc_staffList.html',
                    id: 'pc_staffList'
				})
			})

            // 保单变更信息查询
            document.getElementById('policy-change').addEventListener('tap', function () {
                mui.openWindow({
                    url: 'pc_staffList.html',
                    id: 'pc_staffList'
                })
            })

            // 承保人员清单
            document.getElementById('staff-list').addEventListener('tap', function () {
                mui.openWindow({
                    url: 'pc_staffList.html',
                    id: 'pc_staffList'
                })
            })

            // 理赔信息查询
            document.getElementById('claim-information').addEventListener('tap', function () {
                mui.openWindow({
                    url: 'pc_staffList.html',
                    id: 'pc_staffList'
                })
            })

            // 重大案件查询
            document.getElementById('major-cases').addEventListener('tap', function () {
                mui.openWindow({
                    url: 'pc_staffList.html',
                    id: 'pc_staffList'
                })
            })

            // 保全收费查询
            document.getElementById('maintenance-charge').addEventListener('tap', function () {
                mui.openWindow({
                    url: 'pc_staffList.html',
                    id: 'pc_staffList'
                })
            })

            // 保全付费查询
            document.getElementById('premium-payment').addEventListener('tap', function () {
                mui.openWindow({
                    url: 'pc_staffList.html',
                    id: 'pc_staffList'
                })
            })

		})
	</script>
</html>